<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>国艺文津官网</title>
  <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/about.css">
  <link rel="stylesheet" href="styles/animate.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
  <!--nav star-->
  <nav class="nav nav-wrapper">
    <div class="container none-padding-right">
      <div class="navbar-header">
        <div class="logo">
          <a href="index.html"><img id="logo" src="images/logo.png"></a>
        </div>
        <button class="navbar-toggle pull-right" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class=" navbar-collapse collapse  ul-warpper none-padding-right">
        <ul class="navbar-nav nav  nav-ul">
          <li><a class="a-wrapper" href="index.html">首页</a></li>
          <li>
            <a class="a-wrapper" href="news.html">新闻中心</a>
          </li>
          <li>
            <a class="a-wrapper" href="technica.html">产品服务</a>
          </li>
          <li>
            <a class="a-wrapper" href="case.html">典型案例</a>
          </li>
          <li class="active">
            <a class="a-wrapper" href="about.html">关于我们</a>
          </li>
        </ul>

      </div>
    </div>
  </nav>
  <!--nav end-->
  <!--banner star-->
  <section class="banner-img">
    <img src="images/banner-4.jpg" alt="">
  </section>
  <!--banner end-->
  <!--news star-->
  <section class="About common-tab">
    <div class="container">
      <div class="col-sm-3 common-tab-left">
        <div class="common-tab-left-content">
          <div class="ctlc-top">
            <h5 class="ctlc-title">关于我们</h5>
          </div>
          <ul class="nav click-nav" id="nav">
            <li><a href="#aboutSec1" class="ellipsis" data-toggle="tab">公司简介</a></li>
            <li><a href="#aboutSec2" class="ellipsis" data-toggle="tab">资质荣誉</a></li>
            <li><a href="#aboutSec3" class="ellipsis" data-toggle="tab">合作伙伴</a></li>
            <li><a href="#aboutSec4" class="ellipsis" data-toggle="tab">联系我们</a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-9  common-tab-right">
        <div class="common-tab-right-content">
          <div class="tab-content" id="tab-content">
            <section id="aboutSec1" class="tab-pane">
              <h3 class="ctlc-title">公司简介</h3>
              <p class="mb">
                国艺文津新媒体科技（北京）有限公司于2019年7月19日成立，由河北广电无线传媒有限公司、中国数字图书馆有限责任公司、武汉天澄易辉科技发展中心三方合资成立。注册资金一千万元，以从事互联网文化活动、版权代理、文艺创作、广播电视节目制作、互联网信息服务等业务为主。目前国艺文津分为IPTV、电子商务中心、技术运营等部门，并在北京、石家庄、武汉都设立了办事处。
                公司以聚焦新媒体大屏端业务为基础，不断追求创新的产品服务，为客户提供一流的产品及解决方案，为用户带来全新的业务体验。以开放包容的姿态，追求合作共赢。持续为用户和客户创造价值。
              </p>
              <img src="images/addr.jpg" class="img-responsive" style="width: 100%;">
            </section>
            <section id="aboutSec2" class="tab-pane ">
              <h3 class="ctlc-title">资质荣誉</h3>
              <img style="width:100%;" src="images/about-1.jpg" alt="">
              <img style="width:100%;" src="images/about-2.jpg" alt="">
            </section>
            <section id="aboutSec3" class="tab-pane">
              <h3 class="ctlc-title">合作伙伴</h3>
              <p>公司跟河北、北京、天津、湖北、江苏、等新媒体建立了广泛的良好的合作关系。为其提供内容服务和运营支撑。公司在跟上游内容提供商也建立了深度的合作共赢的关系。帮助合作伙伴创造价值。(排名不分先后)</p>
              <div class="picture-container">
                <div class="row">
                  <div class="col-xs-6"><img src="images/about-3.jpg" alt=""></div>
                  <div class="col-xs-6"><img src="images/about-4.jpg" alt=""></div>
                  <div class="col-xs-6"><img src="images/about-5.jpg" alt=""></div>
                  <div class="col-xs-6"><img src="images/about-6.jpg" alt=""></div>
                </div>
              </div>
            </section>
            <section id="aboutSec4" class="tab-pane">
              <h3 class="ctlc-title">联系我们</h3>
              <img src="images/about-8.jpg" class="img-responsive top-img">
              <div class="clearfix">
                <div class="col-md-6 aboutSec4-left none-padding-left">
                  <h5>联系我们</h5>
                  <p>国艺文津新媒体科技（北京）有限公司</p>
                  <p>地址：北京市海淀区中关村南大街33号</p>
                  <p>联系人：</p>
                  <p>邮箱：</p>
                  <p>联系电话：</p>
                  <p>微信公众号：国艺文津</p>
                </div>
                <div class="col-md-6 none-padding-right aboutSec4-right text-right">
                  <img src="images/about-7.jpg" class="img-responsive">
                </div>
              </div>
            </section>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--news end-->
  <!--video star-->

  <!--video end-->
  <!--footer star-->
  <footer>
    <div class="container">
      <p class="text-center">
        <a href="/news.html">新闻中心</a>
        <a href="/technica.html">产品服务</a>
        <a href="/about.html#0">关于公司</a>
        <a href="/about.html#3">联系我们</a>
      </p>
      <p class="text-center">
        <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">
          备案号：鄂ICP备20008738号-1
        </a>
      </p>
      <p class="text-center">©2020 国艺文津新媒体科技(北京)有限公司版权所有</p>
    </div>
  </footer>
  <!--footer end-->

  <script src="plugins/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="javascripts/markdown-it.min.js"></script>
  <script src="javascripts/index.js" type="text/javascript" charset="utf-8"></script>
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <script>
    $(function () {
      new About()
    })
  </script>


  <script>

  </script>
</body>

</html>